<template>
  <div>
    <input v-model="state.value">
  </div>
</template>
<script setup>
import { reactive, computed } from 'vue'
const props = defineProps({
  modelValue: {type: String, default: null},
  value: {type: String, default: null}
})
const emits = defineEmits(['update:modelValue', 'update:value' ])
const state = reactive({
  value: computed({
    get(){ return props.modelValue},
    set(v){ 
      emits('update:modelValue', v)
      emits('update:value', v)
    }
  })
})
</script>